<template lang="pug">
.equipment
  .equipment__left
    mt-card(
      no-padding
    )
      equiment(v-model="currentSpecimen")
  .equipment__right
    mt-tabs(v-model="activeName" type="border-card")
      mt-tab-pane(name = "通讯参数" label="通讯参数")
        mt-card(
          no-padding
        )
          parameters(:selectEquipment="currentSpecimen")
      mt-tab-pane(name = "仪器检验数据" label="仪器检验数据")
        baseProject(:selectEquipment="currentSpecimen")
      mt-tab-pane(name = "仪器申请数据" label="仪器申请数据")
        portfolioProject(:selectEquipment="currentSpecimen")
      mt-tab-pane(name = "传输数据" label="传输数据")
        transferData(:selectEquipment="currentSpecimen")
</template>

<script setup lang="ts">
import equiment from "./components/equipment.vue";
import baseProject from "./components/baseProject.vue";
import portfolioProject from "./components/portfolioProject.vue";
import transferData from "./components/transferData.vue";
import parameters from "./components/parameters.vue";
import { type EquipmentEntity } from "@scmt/api-lis-equipment";
const currentSpecimen = ref<EquipmentEntity>();
const activeName = ref<String>("通讯参数");
</script>

<style lang="less" scoped>
.equipment {
  height: 100%;
  display: flex;

  &__left {
    flex: 4;
  }

  &__right {
    margin-left: var(--mt-margin);
    flex: 6;
  }
}

.card {
  height: 100%;
}
</style>
